<?php
//Yii::app()->clientScript->registerScriptFile('/socket.io/socket.io.js');
//Yii::app()->clientScript->registerScriptFile('https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true');
$cs = Yii::app()->getClientScript();
$baseUrl = Yii::app()->theme->baseUrl;
$assetjs = "/js/site/funciones.js";
Yii::app()->clientScript->registerScriptFile($baseUrl . $assetjs);
?>
<?php
/** @var ClienteController $this */
/** @var Cliente $model */
/** @var AweActiveForm $form */
$model = new Entidad;
?>

<script src="http://localhost:3000/socket.io/socket.io.js"></script>
<!--http://" + document.location.hostname + ":"-->
<script>

    //  var empresas =<?php // echo json_encode($points);                  ?>
</script>
<div class="row">
    <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
        <h1 class="page-title txt-color-blueDark">
            <i class="fa fa-edit fa-fw "></i> 
            Forms 
            <span>&gt; 
                Form Elements
            </span>
        </h1>
    </div>
    <div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
        <ul id="sparks" class="">
            <li class="sparks-info">
                <h5> My Income <span class="txt-color-blue">$47,171</span></h5>
                <div class="sparkline txt-color-blue hidden-mobile hidden-md hidden-sm"><canvas width="89" height="26" style="display: inline-block; width: 89px; height: 26px; vertical-align: top;"></canvas></div>
            </li>
            <li class="sparks-info">
                <h5> Site Traffic <span class="txt-color-purple"><i class="fa fa-arrow-circle-up" data-rel="bootstrap-tooltip" title="Increased"></i>&nbsp;45%</span></h5>
                <div class="sparkline txt-color-purple hidden-mobile hidden-md hidden-sm"><canvas width="82" height="26" style="display: inline-block; width: 82px; height: 26px; vertical-align: top;"></canvas></div>
            </li>
            <li class="sparks-info">
                <h5> Site Orders <span class="txt-color-greenDark"><i class="fa fa-shopping-cart"></i>&nbsp;2447</span></h5>
                <div class="sparkline txt-color-greenDark hidden-mobile hidden-md hidden-sm"><canvas width="82" height="26" style="display: inline-block; width: 82px; height: 26px; vertical-align: top;"></canvas></div>
            </li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="superbox col-sm-12">
        <!-- Widget ID (each widget will need unique ID)-->
        <div class="jarviswidget jarviswidget-color-darken" id="wid-id-5" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-custombutton="false">
            <!-- widget options:
            usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">
        
            data-widget-colorbutton="false"
            data-widget-editbutton="false"
            data-widget-togglebutton="false"
            data-widget-deletebutton="false"
            data-widget-fullscreenbutton="false"
            data-widget-custombutton="false"
            data-widget-collapsed="true"
            data-widget-sortable="false"
        
            -->
            <header>
                <span class="widget-icon"> <i class="fa fa-edit"></i> </span>
                <h2>JS Knob </h2>

            </header>

            <!-- widget div-->
            <div>

                <!-- widget edit box -->
                <div class="jarviswidget-editbox">
                    <!-- This area used as dropdown edit box -->

                </div>
                <!-- end widget edit box -->

                <!-- widget content -->
                <div class="widget-body">

                    <?php
                    $form = $this->beginWidget('ext.AweCrud.components.AweActiveForm', array(
                        'type' => 'horizontal',
                        'id' => 'cliente-form',
                        'enableAjaxValidation' => true,
                        'clientOptions' => array('validateOnSubmit' => false, 'validateOnChange' => true,),
                        'enableClientValidation' => false,
                    ));
                    ?>

                    <fieldset>
                        <legend>
                            JS Knob Input
                            <!--<script src="../../../../Node JS/arduino/Ejercicios/peticiones.js" type="text/javascript"></script>-->
                        </legend>

                        <div class="knobs-demo">
                            <div class="row-fluid">
                                <div class="col-sm-4">
                                    <label>Luz Intensidad Verde</label>
                                    <?php
                                    $htmlOptionsN = array("data-fgColor" => "#03E232", "value" => "0", "data-width" => "120", "data-height" => "120", "data-displayInput" => true, "data-displayPrevious" => true);
                                    echo $form->textField($model, 'nombre', $htmlOptionsN);
                                    ?>
                                </div> 
                                <div class="col-sm-4">
                                    <label>Luz Intensidad Rojo</label>
                                    <?php
                                    $htmlOptions = array('class' => "knob", "data-fgColor" => "#F30404", "value" => "0", "data-width" => "120", "data-height" => "120", "data-displayInput" => true, "data-displayPrevious" => true);
                                    echo $form->textField($model, 'id', $htmlOptions);
                                    ?>
                                </div> 
                                <div class="col-sm-4">

                                </div> 
                            </div>

                            <div>



<!--<input class="knob" datdata-displayPrevious=truea-width="120" data-height="120" data-displayInput=true value="35" data-displayPrevious=true data-fgColor="#428BCA">-->
                            </div>

                            <div>
                            </div>

                            <div>
                                <!--<input class="knob" data-width="80" data-height="80" data-fgColor="#71843F" data-angleOffset=-125 data-angleArc=250 value="33" data-thickness=.3>-->
                            </div>

                        </div>

                    </fieldset>
                    <div class="form-actions">

                        <div class="row">
                            <div class="col-md-12">
                                <?php
                                $this->widget('booster.widgets.TbButton', array(
                                    'buttonType' => 'submit',
                                    'label' => $model->isNewRecord ? Yii::t('AweCrud.app', 'Create') : Yii::t('AweCrud.app', 'Save'),
                                ));
                                ?>
                                <?php
                                $this->widget('booster.widgets.TbButton', array(
                                    'label' => Yii::t('AweCrud.app', 'Cancel'),
                                    'htmlOptions' => array('onclick' => 'javascript:history.go(-1)')
                                ));
                                ?>
                            </div>
                        </div>
                    </div>

                    <?php $this->endWidget(); ?>

                </div>
                <!-- end widget content -->

            </div>
            <!-- end widget div -->

        </div>

    </div>
    <div class="col-sm-12">

        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-primary">

                    <div class="panel-heading">
                        <h3  class="panel-title">Reporte  Usuarios  <span id="usuariosLogeadosT" ></span></h3>
                    </div>
                    <div class="panel-body">
                        <!--ESTE DIV EVITA Q S SALGA DELOS DEMAS DIV SIEMPRE PONDRAS XFA-->
                        <div style="overflow:auto"> 
                            <div class="col-md-12">
                                <div class = "row-fluid">
                                    <div id="content_repo_usersColumn">
                                        <div id='usersColumn' class="row-fluid">
                                        </div>
                                        <div id="usersColumnEmpty" class = "hidden alert alert-block alert-info fade in">
                                            <center>
                                                <h4 class = "alert-heading">Alerta!</h4>
                                                <p>
                                                    Sin Informacion
                                                </p>
                                            </center>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>                        
                    </div>                        
                </div>

            </div>                        
            <div class="col-md-6">
                <div class="panel panel-primary">

                    <div class="panel-heading">
                        <h3   class="panel-title">Reporte Usuarios Olvido Datos <span id="usuariosLogeadosF" ></span></h3>
                    </div>
                    <div class="panel-body">
                        <!--ESTE DIV EVITA Q S SALGA DELOS DEMAS DIV SIEMPRE PONDRAS XFA-->
                        <div style="overflow:auto"> 
                            <div class="col-md-12">
                                <div class = "row-fluid">
                                    <div id="content_repo_usersErrorsColumn">
                                        <div id='usersErrorsColumn' class="row-fluid">
                                        </div>
                                        <div id="usersErrorsColumnEmpty" class = "hidden alert alert-block alert-info fade in">
                                            <center>
                                                <h4 class = "alert-heading">Alerta!</h4>
                                                <p>
                                                    Sin Informacion
                                                </p>
                                            </center>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>                        
                    </div>                        
                </div>

            </div>                        
        </div>    


    </div>
</div>
